<style type="text/css">
p {
    margin: 0;
}
.content-block{padding:0.5rem;font-size:0.6rem}
div.auction-option {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
	background-color:#fff
}
.auction-option .ao-btns .aob-left .aob-input .f-red {
	max-width:78px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.auction-option {
	display:none;
	position:fixed;
	width:100%;
	bottom:0;
	z-index:10
}
.auction-option .f-red {
	color:#f15353
}
.auction-option .ao-price,.auction-option .ao-time {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff
}
.auction-option .ao-price .st1,.auction-option .ao-price .st2 {
	display:inline-block;
	width:27px;
	height:14px;
	line-height:14px;
	color:#fff;
	text-align:center
}
.auction-option .ao-price .st1 {
	background:#999
}
.auction-option .ao-price .st2 {
	background:#f15353
}
.auction-option .ao-price,.auction-option .ao-time1 {
	background:rgba(0,0,0,.8)
}
.auction-option .ao-time2 {
	background:rgba(210,47,48,.8)
}
.auction-option .ao-btns {
	height:45px;
	text-align:center;
	color:#fff;
	background:#999
}
.auction-option .ao-btns .aob-left {
	float:left;
	width:60%;
	height:45px;
	font-size:0.5rem;
	background:#444
}
.auction-option .ao-btns .aob-left p {
	padding-top:7px
}
.auction-option .ao-btns .aob-left .aob-bid {
	line-height:29px;
	margin-top:8px
}
.auction-option .ao-btns .aob-left .aob-bid .aob-input {
	display:inline-block;
	min-width:95px;
	height:30px;
	vertical-align:middle;
	border:1px solid #989898;
	position:relative;
	padding:0 5px
}
.auction-option .ao-btns .aob-left .aob-bid .aob-input1 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:0 0
}
.auction-option .ao-btns .aob-left .minus,.auction-option .ao-btns .aob-left .plus {
	display:inline-block;
	color:#fff;
	font-size:18px;
	vertical-align:middle;
	margin-top:-2px
}
.auction-option .ao-btns .aob-left .minus {
	margin-right:10px
}
.auction-option .ao-btns .aob-left .plus {
	margin-left:10px
}
.auction-option .ao-btns .aob-right {
	float:right;
	width:40%;
	height:45px;
	line-height:45px;
	font-size:0.8rem;
	background:#f15353
}
.auction-option .ao-btns .aob-right a {
	color:#fff;
	display:block
}
.auction-option .ao-btns .ao-disabled {
	line-height:45px
}
.auction-option .ao-btns .ao-wait {
	font-size:18px;
	line-height:45px
}
.auction-option .ao-btns .ao-item2 {
	display:none
}
.auction-option .ao-btns .ao-item2 .aob-left {
	width:75%;
	padding:0 20px
}
.auction-option .ao-btns .ao-item2 .aob-left input {
	margin-top:8px;
	width:100%;
	height:28px;
	border:1px solid #989898;
	color:#f15353;
	font-family:"Microsoft Yahei";
	background:0 0;
	padding-left:10px
}
.auction-option .ao-btns .ao-item2 .aob-right {
	width:25%
}
.dp-detail ul {
	width:100%;
	padding:12px 0;
	overflow:hidden;
	position:relative;
	font-size:0.65rem
}
.dp-num {
	overflow:hidden;
	padding-bottom:13px;
	position:relative
}
.dp-num:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:200%;
	height:0;
	box-sizing:border-box;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
}
.dp-num .dp-people {
	float:left;
	width:75%;
	font-size:0.65rem;
	color:#999
}
.dp-num .dp-p-num {
	padding-bottom:6px
}
.dp-num .dp-p-num i {
	font-size:0.8rem;
	color:#f15353
}
.dp-num .dp-p-info i {
	color:#f15353
}
.dp-detail ul:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:200%;
	height:0;
	box-sizing:border-box;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	border-bottom:1px solid #d7d7d7
}
.dp-detail ul li {
	float:left;
	white-space:nowrap;
	line-height:1.0rem;
	overflow:hidden;
	width:50%
}
.dp-detail ul li span {
	color:#999
}
.detail-process .mt {
	font-size:0.8rem;
	padding-bottom:14px
}
.detail-process .mc {
	padding-bottom:20px
}
.detail-process .mc img {
	max-width:100%
}
.record-list {
	position:relative;
	background:#fff;
	padding:0 10px;
	overflow:hidden
}
.record-list .sep-line {
	position:absolute;
	left:0;
	top:40px;
	width:110%;
	border-bottom:1px solid #242424
}
.record-list table {
	border-collapse:collapse;
	width:100%
}
.record-list td,.record-list th {
	vertical-align:middle;
	text-align:center
}
.record-list th {
	height:40px;
	padding-bottom:1px
}
.record-list td {
	height:52px;
	border-top:1px solid #d7d7d7
}
.record-list .rl-tag {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	width:33px;
	height:21px;
	line-height:21px;
	text-align:center
}
.record-list .rl-tag1 {
	background:#f15353
}
.record-list .rl-tag2 {
	background:#d7d7d7
}
.p-tag-wrap {
	position:fixed;
	top:0;
	left:0;
	font-size:0;
	width:100%;
	z-index:20
}
.p-tag-wrap .p-tag {
	position:relative;
	font-size:0.8rem;
	display:inline-block;
	line-height:35px;
	height:35px;
	width:25%;
	text-align:center;
	white-space:nowrap;
	vertical-align:top;
	background-color:#444;
	color:#fff
}
.p-tag-wrap .p-tag-doing {
	background-color:#d22f30
}
.p-tag-wrap .p-tag-end {
	background-color:#A7A7A7;
	width:auto;
	padding:0 10px
}
.p-tag-wrap .p-tag-nostart {
	background-color:#358f68
}
.p-tag-wrap .top-countdown {
	font-size:0.65rem;
	display:inline-block;
	width:75%;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#444;
	vertical-align:top;
	color:#fff
}
</style>
<div ng-include="sys_html('common/_header')"></div>
<style>
    .fui-cell-group{width:100%;}
    .fullback-title{color:#999999;font-size:0.7rem;padding:0.75rem 0 0.5rem 0;}
    .fullback-info{}
    .fullback-info p{height:1rem;line-height: 1rem;font-size:0.625rem;color:#333;display: inline-block;padding:0 0.5rem 0 0;}
    .fullback-info p i{border:none;height:0.75rem;width:0.75rem;display: inline-block;background: #ff4753;color:#fff;font-size:0.4rem;line-height: 0.8rem;text-align: center;
        font-style: normal;border-radius: 0.75rem;-webkit-border-radius: 0.75rem;margin-right:0.25rem;}
    .fullback-remark{line-height: 1rem;font-size:0.6rem;color:#666;padding:0.2rem 0;}

</style>
<link rel="stylesheet" href="../core/resource/components/swiper/swiper.min.css">
<div class='fui-page fui-page-current  page-goods-detail' id='page-goods-detail-index'>
<!--返回键-->
<div class="fe-floatback right" style="width:1.2rem;height:1.2rem;left:0.5rem;top:0.2rem">
		<a ng-click="access_json('jy_jdpm/index/')" style="width:1.3rem;height:1.3rem;line-height:1.3rem">
			<i class="icon jinyunicon icon-back" style="width:1rem;height:1rem;font-size:0.8rem"></i>
		</a>
</div>
<div class="p-tag-wrap" ng-if="pagedata.info.status_ing ==1">
        <div class="p-tag p-tag-doing" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">正在进行</div>
        <div class="top-countdown onBidtime{{pagedata.info.id}}"><i>距结束：</i>
			<span class="day">-</span>
            <span class="dw">天</span>
            <span class="hour">-</span>
            <span class="dw">时</span>
            <span class="minute">-</span>
            <span class="dw">分</span>
            <span class="second">-</span>
            <span class="dw">秒</span>
            <span class="msec">-</span>
		</div>
</div>
<!--轮播图-->
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox">
		<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.info.goodinfo.images">
			<a>
				<img src="{{tomedia(item) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
		<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.info.goodinfo.images" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
		</div>
</div>
<div ng-if="pagedata.info" class="fui-cell-group fui-detail-group" style="padding-bottom:2.5rem">
    <div class="fui-cell">
		<div class="fui-cell-tag">
			<i class="fui-tag fui-tag-red">竞价</i>
		</div>
        <div class="fui-cell-text name bold" style="">
			 {{pagedata.info.pname}}
        </div>
    </div>
	<div class="fui-cell" style="border-bottom:1px solid #d7d7d7;margin:0 0.5rem;padding:0">
		<div class="fui-cell-text dp-num" style="margin-top:0.5rem">
                <div class="dp-people">
                    <div class="dp-p-num">
                        当前价：<i>¥{{pagedata.bidding || '0.00'}}</i>
                    </div>
                    <div class="dp-p-info">
                        <i id="ensureNum">{{pagedata.info.bidcount || 0}}</i>人报名 | <i id="accessNum">{{pagedata.info.click || 0}}</i>人围观
                    </div>
                </div>
         </div>
		<div class="fui-cell-remark lover" style="margin-bottom:1rem">
			<div style="color:#f60;margin-bottom:0.2rem">
				<i href="javascript:;" ng-click="post(pagedata.info,'tx')" class="icon icon-task-management"></i>
			</div>
			<div style="color:#f60">
				<span>{{pagedata.ustx !=1?'设置提醒':'已设置'}}</span>
			</div>
        </div>
    </div>
	<div class="fui-cell">
			<div class="dp-detail">
                    <ul>
                        <li class="dp-d-fore1"><span>起拍价:</span>¥{{pagedata.info.onset ||'0.00'}}</li>
                        <li class="dp-d-fore2"><span>保留价:</span>¥{{pagedata.info.price ||'无'}}</li>
                        <li class="dp-d-fore1" id="currentPriceup"><span>加价幅度:</span>¥{{pagedata.stepsizefee ||'0.00'}}</li>
                        <li class="dp-d-fore2"><span>延时周期:</span>{{pagedata.info.deferred ||'0.00'}}分钟/次</li>
                        <li class="dp-d-fore3"><span>拍卖类型:</span>升价拍</li>
                        <li class="dp-d-fore3"><span>竞买代码:</span><span id="myNumber" style="color: #28272d">暂无代码</span></li>
                        
                    </ul>
             </div>
     </div>
	 <div class="fui-cell">
			<div class="detail-process m" style="margin-top:0.5rem">
				<div class="mt">
					拍卖流程
				</div>
				<div class="mc">
						<img src="../addons/jy_jdpm/resource/images/step.png">
					</div>
			</div>
     </div>
	 <!--店铺信息-->
	<div class="fui-cell-group fui-shop-group" ng-if="pagedata.merch.id">
		<a class='fui-list' href="javascript:" ng-click="access_json('jy_weishop/merch//id='+pagedata.merch.id)">
			<div class='fui-list-media'>
				<img ng-src="{{tomedia(pagedata.merch.logo) || '../core/resource/images/nopic.jpg'}}" />
			</div>
			<div class='fui-list-inner'>
				<div class='title'>{{pagedata.merch.merchname || '平台发布'}} <i class="fui-tag fui-tag-red">自营</i></div>
				<div class='subtitle'>{{pagedata.merch.desc  || '没有描述'}}</div>
			</div>
			<div class="fui-list-angle " style="margin-right: 0.2rem">
					<span class="btn btn-default-o external goshop">进店逛逛</span>
			</div>
		</a>
	</div>
	 <div class="fui-tab fui-tab-danger" style="width:100%;">
		<a ng-class="{'active':pagedata.showcontent==1}" ng-click="pagedata.showcontent=1" class="external">拍品介绍</a>
		<a ng-class="{'active':pagedata.showcontent==2}" ng-click="pagedata.showcontent=2" class="external">出价记录</a>
		<a ng-class="{'active':pagedata.showcontent==3}" ng-click="pagedata.showcontent=3" class="external">竞拍须知</a>
		<a ng-class="{'active':pagedata.showcontent==4}" ng-click="pagedata.showcontent=4" class="external">卖家承诺</a>
	</div>
	 <div ng-if="pagedata.showcontent==1" class="content-block content-images" ng-bind-html="trust(pagedata.info.goodinfo.content)"></div>
	 <div ng-if="pagedata.showcontent==2" class="content-block">
		<div class="record-list">
				<div class="sep-line"></div>
				<table id="bidListtable">
						<tr><th>状态</th><th>出价用户</th><th>金额</th><th>时间</th></tr>
						<tr ng-repeat="bv in pagedata.RecordList">
							<td><span class="rl-tag rl-tag{{$index?2:1}}">{{$index==0?'领先':'出局'}}</span></td>
							<td>{{bv.ingname}}</td>
							<td><div class="f-red">¥{{bv.money || '0.00'}}</div></td>
							<td>{{bv.createtime}}</td>
						</tr>
				</table>
		</div>
	 </div>
	 <div ng-if="pagedata.showcontent==3" class="content-block" ng-bind-html="trust(pagedata.promise.content)"></div>
	 <div ng-if="pagedata.showcontent==4" class="content-block" ng-bind-html="trust(pagedata.notice.content)"></div>
	 
	 <div class="auction-option hid" style="z-index:10;display: block; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <div class="ao-state" ng-if="pagedata.info.status_ing ==0">
            <div class="ao-time ao-time1"><b>即将开始：</b><span class="countdown">00时00分00秒</span></div>
        </div>
		<div ng-if="pagedata.info.status_ing == 2">
			<div class="ao-state" ng-if="pagedata.info.is_success == 1">
				<div class="ao-time ao-time2" ng-if="pagedata.info.is_play == 0"><a href="javascript:;" ng-click="access_json('jy_jdpm/member.payment_order//order_no='+pagedata.info.order_no)" >立即付款</a></div>
				<div class="ao-time ao-time2" ng-if="pagedata.info.is_play != 0">{{pagedata.OrderStatus}}</div>
			</div>
			<div class="ao-state" ng-if="pagedata.info.is_success == 0">
				<div class="ao-time ao-time1">拍卖结束</div>
			</div>
		</div>
        <div class="ao-btns" ng-if="pagedata.info.status_ing ==1">
            <div class="aob-left">
                <p><span>保证金¥{{pagedata.bzprice || '0.00'}}</span></p>
                <p><span>（未拍到全额退还）</span></p>
            </div>
            <div class="aob-right">
				<a ng-if="pagedata.mid > 0" id="toensure" href="javascript:;" ng-click="access_modal('jy_jdpm/buy//pid='+pagedata.info.id)">交保证金报名</a>
				<a ng-if="pagedata.mid == 0" id="toensure" href="javascript:;" ng-click="access_json('jy_jdpm/member.login/')">登录</a>
			</div>
        </div>
    </div>
</div>
<div ng-if="!pagedata.info" class='content-empty'>
    <i class='icon jinyunicon icon-search'></i><br/> 宝贝找不到了~ 您看看别的吧 ~<br/><a href="javascript:;" ng-click="access_json('jy_weishop/goods.index/')" class='btn btn-default-o external'>到处逛逛</a>
</div>
<script type="text/javascript" src="../addons/jy_jdpm/resource/js/auction.js?v=1"></script>
<script>
for (var i = 1; i < 100; i++){
  window.clearInterval(i);
}
scope.pagedata.showcontent=1;
scope.pagedata.pindex = 0;
//信息弹窗：
/*setTimeout('checksms2()',2000);
function checksms2() {
	var params = {
					'plugin':'jy_jdpm',
					'action':'upplan',
					'op':'checksms',
					'callback':function(data){
							console.log(data.msg);
							if(data.msg){
								scope.confirm({
									'message':data.msg,
									'success':data.url,
									//'success_title':success_title
								});
								//scope.confirm(data.msg,data.url);
							}else{
								console.log('error');
							};
					}
			}
	scope.post_json(params);
}*/
//WebSocketLogin();
window.addEventListener('scroll', function () {
	  var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
     if(scrollTop > window.innerHeight){
        scope.showgotop = true;  //状态标记
		scope.$evalAsync();
	 }else{
		scope.showgotop = false;  //状态标记
		scope.$evalAsync();
	 }
})
</script>
    <script>
	var ntime = scope.pagedata.ntime;
	var pid  = scope.pagedata.info.id;
	if(scope.pagedata.info.endtime > ntime){
        endDown(scope.pagedata.info.endtime, ntime, ".onBidtime"+pid, ".onBidtime"+pid+" .day", ".onBidtime"+pid+" .hour", ".onBidtime"+pid+" .minute", ".onBidtime"+pid+" .second", ".onBidtime"+pid+" .msec");
    }
	
	</script>
</div>

<div ng-if="showgotop" class="gotop" onclick="window.scrollTo('0','0')"></div> 
